<section class="login--container">
    <form nz-form [formGroup]="validateForm" class="login-form">
        <nz-form-item>
            <nz-form-control>
                <nz-input-group nzPrefixIcon="anticon anticon-user">
                    <input type="text" nz-input formControlName="userName" placeholder="用户名">
                </nz-input-group>
                <nz-form-explain *ngIf="validateForm.get('userName').dirty && validateForm.get('userName').errors">
                    请输入用户名！
                </nz-form-explain>
            </nz-form-control>
        </nz-form-item>
        <nz-form-item>
            <nz-form-control>
                <nz-input-group nzPrefixIcon="anticon anticon-lock">
                    <input type="password" nz-input formControlName="password" placeholder="密码">
                </nz-input-group>
                <nz-form-explain *ngIf="validateForm.get('password').dirty && validateForm.get('password').errors">
                    请输入密码！
                </nz-form-explain>
            </nz-form-control>
        </nz-form-item>
        <nz-form-item>
            <nz-form-control>
                <a class="login-form-forgot" class="login-form-forgot">忘记密码</a>
                <button nz-button class="login-form-button" [nzType]="'primary'" (click)="login()">登录</button>
                <!--<button nz-button class="login-form-button" [nzType]="'primary'" (click)="validateTokenFunc()">验证token-->
                <!--</button>-->
                Or
                <a href="javascript:void(0)">注册(暂未开发，请联系李开吉添加)</a>
            </nz-form-control>
        </nz-form-item>
    </form>
</section>
